<template>
	<view class="search" @click="handleSearchInput">
	  <view class="search-input">{{value}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			value: {
				type: String,
				default: '搜索'
			}
		},
		data() {
			return {
			
			}
		},
		methods: {
			handleSearchInput(){
				this.$emit('handleSearchInput')
			}
		}
	}
</script>

<style>
	.search{
	  background: #eb4450;
	  height: 100rpx;
	  box-sizing: border-box;
	  display: flex;
	  align-items: center;
	  padding: 0 20rpx;
	}
	
	.search-input{
	  height: 80rpx;
	  background: #fff;
	  border-radius: 4px;
	  text-align: center;
	  line-height: 80rpx;
	  flex: 1;
	  color: #999;
	}
</style>
